@import "../base";

fieldset, img, button {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}

.cross, .makesure {
  cursor: pointer;
}

/* 时间选择器的高度设置*/
.weui-picker-modal {
  height: 5.33333rem !important;
}

.toolbar-inner {
  height: 0.93333rem !important;
}

.toolbar-inner a {
  line-height: 0.93333rem !important;
  height: 0.93333rem !important;
}

/* weui 的时间管理器 */
.weui-picker-modal .picker-modal-inner {
  height: 100% !important;
}

/* 时间管理器的权重 */
.weui-picker-overlay, .weui-picker-container {
  z-index: 3;
}

/* 尾部选择 */
.footer {
  width: 100%;
  height: rem(50);
  background: #fff;
  position: fixed;
  display: flex;
  flex-shrink: 0;
  bottom: 0;
  z-index: 2;
  align-items: center;
  justify-content: space-between;
  box-shadow: 2px -2px 5px #eaeaea;
}

.footer a {
  display: inline-block;
  width: 40%;
  height: rem(35);
  line-height: rem(35);
  margin: 0.26667rem;
  float: left;
  text-align: center;
  border: solid 1px #0099ff;
  border-radius: 0.13333rem;
  font-size: 0.42667rem;
  letter-spacing: 0.05333rem;
}

.footer a:first-child {
  background-color: #fff;
  color: #0099ff;
}

.footer a:last-child {
  background-color: #0099ff;
  color: #fff;
}

/* 使用客牛发布活动 */
.push_footer {
  width: 100%;
  height: 1.06667rem;
  line-height: 1.06667rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  bottom: 0;
  z-index: 2;
  display: flex;
}
.push_footer p{
  margin-left:rem(10);
  color: #fff;
}
.push_footer a {
  color: #dd4d2e;
}

.push_footer p img {
  width: 0.4rem;
}

/* 用户拨号 */
.business_tel {
  width: 3.06667rem;
  height: 1.06667rem;
  line-height: 1.06667rem;
  background: rgba(69, 85, 113, 0.7) url(../../../img/common/call.png) no-repeat 0.13333rem 0.24rem;
  background-size: 0.64rem 0.64rem;
  position: fixed;
  bottom: 2.66667rem;
  border-radius: 0 0.26667rem 0.26667rem 0;
  z-index: 2;
}

.business_tel a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

/* 最上方管理界面等 */
.data_des {
  /* 分享次数等 */
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0.53333rem;
  border-radius: 0 0 0.05333rem 0;
  z-index: 2;
}

.data_des span {
  font-size: 0.32rem;
  color: #fff;
  letter-spacing: 1px;
  margin: 0 0.13333rem;
}

.data_des span strong {
  color: #fff;
  letter-spacing: 0;
}

.management_features {
  /* 管理页面 */
  position: fixed;
  right: 0.26667rem;
  top: 0.13333rem;
  z-index: 3;
}

.management_features img {
  width: 100%;
}

.management_features a {
  display: inline-block;
  width: 100%;
}

.management_features .management {
  width: 1.06667rem;
  position: relative;
  margin-bottom: 0.26667rem;
}

.management_features .management .qrcode {
  -webkit-animation: move 0.4s infinite linear;
}

@keyframes move {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  66% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes move /* Safari and Chrome */
{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  66% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.management_features .management p {
  text-align: center;
  color: #fff;
  font-size: 0.26667rem;
  position: absolute;
  top: 0.53333rem;
  width: 100%;
}

/* 音符 */
.music_ctrl {
  /* 音符 */
  width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0.26667rem;
  top: 1.06667rem;
  z-index: 2;
  animation: rotate 3s linear infinite;
}

.music_ctrl img {
  height: 0.64rem;
}

@keyframes rotate {
  /* 旋转动画*/
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.picker-item {
  width: 1.92rem !important;
  text-align: center;
  font-size: 0.53333rem !important;
}

.index_body {
  overflow-y: hidden; /*为了兼容普通PC的浏览器*/
  height: 100%;
  position: fixed;
}

.up-img {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.activity_des_content {
  li {
    margin-bottom: rem(10);
  }
}

.banner-container > p {
  text-align: center;
  color: #fff;
  padding: 0 0 10px;
}

.selectIndustry {
  display: flex;
  justify-content: space-around;
  color: #fff;
  padding: .26667rem 0
}

.selectIndustry > span {
  display: inline-block;
  height: .53333rem;
  line-height: .53333rem;
  width: 1.06667rem;
  text-align: center
}

.selectIndustry > span.active {
  color: #ffc72b
}

.up_message > div {
  position: relative;
  left: 0;
  top: 0;
}